var news = [
  {
    img: "images/1.jpg",
    title: "疫情当前，勇敢担当",
    news: "潇湘晨报",
    newsTime: "11分钟前",
    detail:
      '疫情当前，勇敢担当“疫情就是命令，防控就是责任”，延安市疾控中心在2021年12月15日，就迅速投入疫情防控阻击战。为打赢这场战役，五个小组各负其责，贡献了一份疾控力量。作为"离病毒最近的人"——检验组,15名检验人员在本次...',
  },
  {
    img: "images/2.jpg",
    title: "疫情再次突降 余杭众志成城",
    news: "人民资讯",
    newsTime: "6个小时前",
    detail:
      "疫情再次突然而至。1月14日上午，杭州通报新增1例新冠肺炎轻症病例，现住址位于余杭区五常街道西溪雅苑小区。疫情发生后，余杭区认真落实省市党委政府疫情防控决策部署，全力推动“六大机制”落实落地，各部门闻令而动，应急指挥体系高效运转，确保疫情防控各项指令举措落实到位。",
  },
  {
    img: "images/3.jpg",
    title: "全力以赴 共抗疫情",
    news: "天中之声",
    newsTime: "2小时前",
    detail:
      "采样采取了分时、分批、分区进行，目前，市场1100多名从业人员全部完成采样工作。下一步，东风街道办事处将坚持人、物共防，落实落细各项防控措施，确保春节期间市场供给和购物安全。（李忠）人民街道办事处：全力以赴筑防线战疫情面对当前疫情...",
  },
  {
    img: "images/4.jpg",
    title: "筑牢疫情防控网",
    news: "腾讯网",
    newsTime: "3小时前",
    detail:
      "1月14日,在金华婺城区城北街道祝丰亭社区,社区工作人员请居民扫二维码加入疫情防控四级微信塔群。社区工作人员担任每个疫情防控四级微信塔群群主,每户居民至少有一人进群,社区工作人员可及时把核酸检测、疫苗接种、疫情防控等信息发到群里,...",
  },
];

window.onload = function () {
  // 获取ul节点
  var ul = document.querySelector("#content");
  // 清空原来的内容
  ul.innerHTML = "";
  // 循环生成节点，并添加到ul节点中
  for (var i = 0; i < news.length; i++) {
    var liNode = document.createElement("li");
    liNode.innerHTML = `
    <div class="picture">
          <img class="Monograph" src="${news[i].img}" alt="" />
        </div>
        <div class="info">
          <h3>
            <img class="icon-hot" src="images/icon.png" />
            <span>${news[i].title}</span>
          </h3>
          <div class="binfo">
            <span>${news[i].news}</span>
            <span>${news[i].newsTime}</span>
          </div>
          <div class="detailFont">
            ${news[i].detail}
          </div>
        </div>
  `;
    ul.appendChild(liNode);
  }
};
